<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>文件管理</title>
    <link rel='stylesheet' type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/pagination.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/header.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/file-list.css}">


</head>
<body>

<!-- 使用 th:replace 指令引入通用模板 -->
<div th:replace="header :: header"></div>

<h1>文件管理</h1>


<table id="file-list" class="file-list">
    <div class="search-container">
        <input type="text" id="search-input" class="search-input" placeholder="输入文件名">
        <button onclick="searchFiles()" class="search-button">搜索</button>
    </div>
    <thead>
    <tr>
        <th>文件名</th>
        <th>大小</th>
        <th>创建日期</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="file-list-body">
    <!-- 文件列表内容 -->
    </tbody>

</table>
<div id="pagination">
    <ul class="pagination"></ul>
</div>

<script th:src="@{/js/jquery-3.6.0.min.js}"></script>
<!--头部js-->
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/file-list.js}"></script>
<script th:src="@{/js/header.js}"></script>

</body>
</html>